﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Shop.aspx.cs" Inherits="Golf.WebUI.Shop.Shop" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="../Css/global2.css" rel="stylesheet" type="text/css" />
    <link href="../Style/Base.css" rel="stylesheet" type="text/css" />
    <link href="../Style/shop/index.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        div.sideBanners
        {
            width: 195px;
            height: 360px;
            margin-right: 4px;
            float: right;
            font-size: .7em;
            position: relative;
            margin-bottom: 10px;
        }
        div.sideBanners ul li
        {
            height: 24px;
            line-height: 24px;
            border-bottom: 1px dotted #afafaf;
        }
        div.sideBanners ul li
        {
            height: 24px;
            line-height: 24px;
            border-bottom: 1px dotted #afafaf;
        }
        div.competitionBanner
        {
            width: 195px;
            height: 147px;
            display: block;
            position: absolute;
            bottom: 0;
        }
        div.saleContainer
        {
            width: 1004px;
            height: 253px;
            margin-bottom: 0;
        }
        div.saleContainer div.banner
        {
            width: 232px;
            background: none;
            float: left;
        }
        div.saleContainer div.saleItemsCarouselContainer
        {
            float: right;
            height: 239px;
            padding: 0;
            margin: 6px 6px 0 0;
            border: 1px solid #585657;
            width: 764px;
        }
        div.saleContainer div.saleItemsCarouselContainer div.control
        {
            margin: 88px 5px 0;
            background-image: url(../images/shop/carouselcontrollarge.png);
        }
        .saleContainer .saleItemsCarouselContainer #prev.disabled
        {
            background-position: -130px 0;
        }
        .saleContainer .saleItemsCarouselContainer #prev
        {
            float: left;
        }
        .saleContainer .saleItemsCarouselContainer #prev:hover
        {
            background-position: -64px 0;
        }
        .saleContainer .saleItemsCarouselContainer .control
        {
            width: 30px;
            height: 51px;
            margin-top: 83px;
            position: relative;
            cursor: pointer;
            background: url(/common/images/shell/carouselcontrollarge.png) no-repeat 0 center;
        }
        div.saleContainer div.saleItemsCarouselContainer div.saleItemsCarousel
        {
            height: 223px;
            border-left: 1px solid #585657;
            border-right: 1px solid #585657;
            padding-top: 16px;
        }
        .saleContainer .saleItemsCarouselContainer .saleItemsCarousel
        {
            float: left;
        }
        .saleContainer .saleItemsCarouselContainer .saleItemsCarousel ul li .product
        {
            width: 155px;
            margin: 0 6px;
            float: left;
            text-align: center;
        }
        .saleContainer .saleItemsCarouselContainer .saleItemsCarousel ul li .product .image
        {
            width: 148px;
            margin: 0 auto;
            position: relative;
        }
        .saleContainer .saleItemsCarouselContainer .saleItemsCarousel ul li .product .rating
        {
            margin: 2px auto 4px;
        }
        .saleContainer .saleItemsCarouselContainer .saleItemsCarousel ul li .product .price
        {
            height: 20px;
            font-size: .9em;
        }
        element.style
        {
        }
        .saleContainer .saleItemsCarouselContainer .saleItemsCarousel ul li .product .save
        {
            height: 16px;
            margin: 0 0 0 6px;
            float: left;
            font-size: .75em;
            font-weight: bold;
            color: #797979;
        }
        .saleContainer .saleItemsCarouselContainer .saleItemsCarousel ul li .product .rrp
        {
            height: 16px;
            margin: 0 6px 0 0;
            float: right;
            font-size: .75em;
            font-weight: bold;
            color: #797979;
        }
        a.btn_moreInfo
        {
            width: 84px;
            height: 0;
            padding-top: 18px;
            overflow: hidden;
            display: block;
            background: url(../images/shop/more-info.png) no-repeat 0 0;
        }
        a:hover.btn_moreInfo
        {
            background-position: 0 -18px;
        }
        .saleContainer .saleItemsCarouselContainer #next
        {
            float: right;
            background-position: -32px 0;
        }
        .saleContainer .saleItemsCarouselContainer #next:hover
        {
            background-position: -98px 0;
        }
        div.bannerAdverts
        {
            width: 980px;
            height: 154px;
            padding: 12px;
            margin-bottom: 00px;
            background: black;
            text-align: center;
        }
        .tourPlayers a
        {
            font-size: 13px;
            font-weight: bold;
            float: right;
            bottom: -20px;
            right: 10px;
        }
        div.textPanel ul.videoThumbs li
        {
            width: 260px;
            height: 68px;
            margin: 20px 0 20px 20px;
            float: left;
            position: relative;
        }
        div.textPanel ul.videoThumbs li span.image
        {
            width: 109px;
            height: 65px;
            margin-right: 10px;
            overflow: hidden;
            border: 1px solid #B9B9B9;
        }
        div.textPanel ul.videoThumbs li span.title
        {
            width: 138px;
            height: 30px;
            margin: -2px 0 14px 0;
            overflow: hidden;
            font-weight: bold;
            text-transform: uppercase;
        }
        div.textPanel ul.videoThumbs li span
        {
            font-size: .69em;
            color: black;
            display: block;
            float: left;
        }
        .panelShadow
        {
            width: 1004px;
            height: 18px;
            margin: 0 auto 6px;
            clear: both;
            background: url(../Images/nike/drop-shadow.png) no-repeat 0 0;
        }
    </style>
</head>
<body>
    <!--#include virtual="header.htm"-->
    <form id="form1" runat="server">
    <div style="margin: 1004px; margin: 0px auto;">
        <div class="proFlash" style="">
            <div style="width: 797px; height: 363px; float: left" class="LeftFlash">
                <img src="../Images/Shop/Nike/shop.jpg" />
            </div>
            <div style="width: 185px; height: 363px; float: right;" class="sideBanners">
                <h3 class="browseByRange">
                    Browse by range
                </h3>
                <ul class="">
                    <li><a href="Shop.aspx">呵呵好好</a></li>
                    <li><a href="Shop.aspx">呵呵好好</a></li>
                </ul>
                <div class="competitionBanner">
                    <a href="Shop.aspx" title="Nike SiS Competition">
                        <img src="http://images.onlinegolf.co.uk/Images/banner/Test Banners/Nike-Head-To-Toe-Small-Sign-Up.jpg"
                            width="195" height="147" alt="Nike SiS Competition"></a>
                </div>
            </div>
        </div>
        <div class="panelShadow">
        </div>
        <div class="saleContainer">
            <div class="banner">
                <a href="http://www.onlinegolf.co.uk/nike-shop/nike_bargains" title="Nike Bargains">
                    <img src="http://images.onlinegolf.co.uk/Images/banner/Test Banners/Nike-Bargains-1.jpg"
                        width="232" height="253" alt="Nike Bargains"></a>
            </div>
            <div class="saleItemsCarouselContainer">
                <div class="Carousel1">
                    <div class="prev1 control disabled" id="prev">
                        <div class="carouselTip" id="prevTip">
                            Previous</div>
                    </div>
                    <div class="saleItemsCarousel" style="width: 680px;">
                        <ul>
                            <li style="overflow: hidden; float: left; width: 100%; height: 216px;">
                                <%
                                    for (int i = 0; i < 4; i++)
                                    {
                                %>
                                <div class="product withHover clearance" prod="52861">
                                    <h3>
                                        <a href="Shop.aspx" title="Nike  Tech Xtreme III Golf Glove"><strong>Nike</strong> Tech
                                            Xtreme III Golf Glove </a>
                                    </h3>
                                    <div class="image">
                                        <a href="Shop.aspx" title="Nike  Tech Xtreme III Golf Glove"><span class="sash" style="background-image: url(../Images/51a1e1c7f4d556a8747b59a9c1b4e3bf.png)">
                                            <!-- -->
                                        </span>
                                            <img src="http://images.onlinegolf.co.uk/Images/products/upload1/GL/NI/GLNI024_1SearchLarge.jpg"
                                                alt="Nike Tech Xtreme III Golf Glove" width="148" height="99">
                                        </a>
                                    </div>
                                    <div class="rating">
                                        <div class="count" style="width: 78.2px;">
                                        </div>
                                    </div>
                                    <!--[if lte IE 7]><p class="ieFix">&nbsp;</p><![endif]-->
                                    <div class="price">
                                        PRICE <strong>£5.99</strong>
                                    </div>
                                    <div class="save">
                                        SAVE <span>45%</span>
                                    </div>
                                    <div class="rrp">
                                        MRRP £10.99
                                    </div>
                                    <!--[if lte IE 7]><div   style="clear:both;"></div><![endif]-->
                                    <a href="Shop.aspx" class="btn_moreInfo" style="margin: 0px auto;" title="">More Info</a>
                                    <!--[if lte IE 7]><div   style="clear:both;"></div><![endif]-->
                                </div>
                                <%
                                    }
                                %>
                            </li>
                        </ul>
                    </div>
                    <div class="next1 control" id="next">
                        <div class="carouselTip" id="nextTip">
                            Next</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panelShadow">
        </div>
        <div class="bannerAdverts">
            <a href="Shop.aspx" title="Nike PUNI021-BB">
                <img src="http://images.onlinegolf.co.uk/Images/banner/PUNI021.jpg" width="318" height="151"
                    alt="Nike PUNI021-BB">
            </a><a href="Shop.aspx" title="Nike-BANI063-BB">
                <img class="middle" src="http://images.onlinegolf.co.uk/Images/banner/Test Banners/BANI063-1.jpg"
                    width="318" height="151" alt="Nike-BANI063-BB">
            </a><a href="Shop.aspx" title="Nike BGNI079-BB">
                <img src="http://images.onlinegolf.co.uk/Images/banner/Test Banners/BGNI079.jpg"
                    width="318" height="151" alt="Nike BGNI079-BB">
            </a>
        </div>
        <div class="panelShadow">
        </div>
        <div class="videosContainer">
            <div class="banner">
                <a href="javascript:MAD.treepodia.playVideo('VU6VRR8','Nike 20XI Video');" title="耐克20XI视频">
                    <img src="http://images.onlinegolf.co.uk/Images/banner/Test Banners/20xi-Video-Banner.jpg"
                        width="1004" height="177" alt="耐克20XI视频"></a>
            </div>
            <div id="ctl00_mainContent_videoHome_udpVideo">
                <div class="videoBlock">
                    <ul class="tabs" id="videoTabs">
                        <li><a id="ctl00_mainContent_videoHome_btnTab1" class="open" href="javascript:__doPostBack('ctl00$mainContent$videoHome$btnTab1','')">
                            <strong><font><font>最近加入的视频</font></font></strong> </a></li>
                        <li><a id="ctl00_mainContent_videoHome_btnTab2" href="javascript:__doPostBack('ctl00$mainContent$videoHome$btnTab2','')">
                            <strong><font><font>评分最高的产品视频</font></font></strong> </a></li>
                        <li><a id="ctl00_mainContent_videoHome_btnTab3" href="javascript:__doPostBack('ctl00$mainContent$videoHome$btnTab3','')">
                            <strong><font><font>影片分类</font></font></strong> </a></li>
                        <li><a href="/Nike-Shop/Videos/Index.aspx"><strong><font><font>查看全部影片</font></font></strong>
                        </a></li>
                    </ul>
                    <div class="content" style="clear: both;">
                        <div class="smallBanner" style="width: 425px; height: 230px; float: left;">
                            <div class="smallBanner">
                                <a href="javascript:MAD.treepodia.playVideo('95KQ6JP','Nike Speed Trial');" title="耐克速度试验">
                                    <img src="http://images.onlinegolf.co.uk/Images/banner/Test Banners/Nike-Speed-Trials-Square-Video.jpg"
                                        width="424" height="231" alt="耐克速度试验"></a>
                            </div>
                        </div>
                        <div class="textPanel" style="width: 560px; height: 225px; float: right; margin-right: 3px;">
                            <ul class="videoThumbs">
                                <li><span class="image">
                                    <img id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl00_ctl00_imgVideo" src="http://images.onlinegolf.co.uk/Images/products/upload1/SH/NI/SHNI114_1Search.jpg"
                                        alt="耐克高尔夫电源播放三鞋" style="height: 65px; width: 109px; border-width: 0px;"></span>
                                    <span class="title"><font><font>耐克高尔夫电源播放三鞋</font></font></span> <span class="time">
                                    </span><a href="javascript:MAD.treepodia.playVideo('SHNI114','Nike Golf Power Player III Shoes');"
                                        class="btn_playVideo2"><font><font>播放视频</font></font></a> <a id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl00_ctl00_aVideo"
                                            title="点击查看视频" href="javascript:MAD.treepodia.playVideo('SHNI114','Nike Golf Power Player III Shoes');">
                                        </a></li>
                                <li><span class="image">
                                    <img id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl01_ctl00_imgVideo" src="http://images.onlinegolf.co.uk/Images/products/upload1/SH/NI/SHNI115_1Search.jpg"
                                        alt="耐克高尔夫扣篮吴鞋" style="height: 65px; width: 109px; border-width: 0px;"></span>
                                    <span class="title"><font><font>耐克高尔夫吴鞋扣篮</font></font></span> <span class="time">
                                    </span><a href="javascript:MAD.treepodia.playVideo('SHNI115','Nike Golf Dunk NG Shoes');"
                                        class="btn_playVideo2"><font><font>播放视频</font></font></a> <a id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl01_ctl00_aVideo"
                                            title="点击查看视频" href="javascript:MAD.treepodia.playVideo('SHNI115','Nike Golf Dunk NG Shoes');">
                                        </a></li>
                                <li><span class="image">
                                    <img id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl02_ctl00_imgVideo" src="http://images.onlinegolf.co.uk/Images/products/upload1/ST/NI/STNI534_01Search.jpg"
                                        alt="耐克高尔夫口袋条纹球衫" style="height: 65px; width: 109px; border-width: 0px;"></span>
                                    <span class="title"><font><font>耐克高尔夫口袋条纹球衫</font></font></span> <span class="time">
                                    </span><a href="javascript:MAD.treepodia.playVideo('STNI534','Nike Golf Pocket Stripe Polo Shirt');"
                                        class="btn_playVideo2"><font><font>播放视频</font></font></a> <a id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl02_ctl00_aVideo"
                                            title="点击查看视频" href="javascript:MAD.treepodia.playVideo('STNI534','Nike Golf Pocket Stripe Polo Shirt');">
                                        </a></li>
                                <li><span class="image">
                                    <img id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl03_ctl00_imgVideo" src="http://images.onlinegolf.co.uk/Images/products/upload1/ST/NI/STNI532_01Search.jpg"
                                        alt="耐克高尔夫性能掌上球衫" style="height: 65px; width: 109px; border-width: 0px;"></span>
                                    <span class="title"><font><font>耐克高尔夫性能掌上球衫</font></font></span> <span class="time">
                                    </span><a href="javascript:MAD.treepodia.playVideo('STNI532','Nike Golf Performance Pocket Polo Shirt');"
                                        class="btn_playVideo2"><font><font>播放视频</font></font></a> <a id="ctl00_mainContent_videoHome_dcVideo_rptDC_ctl03_ctl00_aVideo"
                                            title="点击查看视频" href="javascript:MAD.treepodia.playVideo('STNI532','Nike Golf Performance Pocket Polo Shirt');">
                                        </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="panelShadow">
        </div>
        <div class="tourPlayers">
            <embed src="http://www.onlinegolf.co.uk/sis/common/flash/Nike/tour_players_Nike.swf"
                width="1004" height="237" align="middle" quality="high" name="TourPlayers" allowscriptaccess="always"
                pluginspage="http://www.adobe.com/go/getflashplayer" flashvars="DomainURL=http://www.onlinegolf.co.uk/"
                wmode="opaque" bgcolor="#ffffff" type="application/x-shockwave-flash"> 

	    <a href="../Index.aspx"><font><font>查看所有巡回赛球员</font></font></a>
        </div>
        <div class="panelShadow">
        </div>
        <div class="pageCopy" style="clear: both; padding: 20px;">
            <h1>
                Nike</h1>
            <p>
                Welcome to the new Nike Golf shop!</p>
            <p>
                Nike Golf now has a new home at Onlinegolf – in its very own shop! Created in August
                2009, the Nike Golf shop gives golfers across Europe the ability to research golf
                product families, see what is in&nbsp;your favourite Tour players golf bag, and
                ensure you buy the golf equipment to maximise your performance on the golf course.
                Although a relatively new golf club manufacturer, Nike Golf create high quality
                clubs and golf apparel for golfers across the world, including world number 1 Tiger
                Woods.</p>
        </div>
    </div>
    <div style="clear: both; width: 1px;">
    </div>
    </form>
    <!--#include virtual="/footer.htm"-->
    <!--#include virtual="/toolbarContainer.htm"-->
</body>
</html>

<script src="../Script/common/bRoundCurve-1.0.js" type="text/javascript"></script>

<script type="text/javascript">
    b_RoundCurve("proFlash", "#F8B3D0", "#FFF5FA", 1); //普通圆角框
   // b_RoundCurve("LeftFlash", "#666", "#ccc", 1); //普通圆角框
    b_RoundCurve("sideBanners", "#585657", "#ccc", 1); //普通圆角框
    b_RoundCurve("right1", "#863313", "#84D4CA", 3, "h3", "#BAB556"); //标题只用纯色背景
</script>

